import { createRouter, createWebHistory } from "vue-router"
import Home from '@/views/Home.vue'

const routes = [
  {
    path:'/',
    redirect:'home'   //重定向
  }
  ,{
    path: '/home',   //主页
    name: 'home',
    component: Home   //打开项目就可以看到
  },
  {
    path:'/login',   //登录
    name:'login',
    component:()=>import('@/views/Login.vue') //按需加载的路由，来到了这个路径下才来这个页面
  },
  {
    path:'/cart',   //购物车
    name:'cart',
    component:()=>import('@/views/Cart.vue') //按需加载的路由，来到了这个路径下才来这个页面
  },
  {
    path:'/user',   //我的页面
    name:'user', 
    component:()=>import('@/views/User.vue') //按需加载的路由，来到了这个路径下才来这个页面
  },
  {
    path:'/category',   //分类
    name:'category',
    component:()=>import('@/views/Category.vue') //按需加载的路由，来到了这个路径下才来这个页面
  },
  {
    path:'/product/:id',  
    name:'product',
    component:()=>import('@/views/ProductDetail.vue') //按需加载的路由，来到了这个路径下才来这个页面
  },
  {
    path:'/create-order',   //订单的页面
    name:'create-order',
    component:()=>import('@/views/CreateOrder.vue') //按需加载的路由，来到了这个路径下才来这个页面
  },
  {
    path:'/address',   //订单的页面
    name:'address',
    component:()=>import('@/views/Address.vue') //按需加载的路由，来到了这个路径下才来这个页面
  }
]

const router = createRouter({
  routes, //传入空数组
  history: createWebHistory()
})

export default router